﻿<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/layer_mobile/layer.js"></script>
<script src="~/Scripts/GameBussiness/ModelBase.js"></script>
<script src="~/Scripts/GameBussiness/User/UserModel.js"></script>
<script src="~/Scripts/GameProBase/Tool.js"></script>
<script src="~/Scripts/GameBussiness/PropBase.js?v=2"></script>
   <script src="~/Scripts/Common/webExpress.js"></script>
    <script src="~/Scripts/Common/webExpress.utility.js"></script>
    <script src="~/Scripts/Common/webExpress.utility.ajax.js"></script>
    <script src="~/Scripts/Common/webExpress.utility.url.js"></script>
<script>
    document.write('<script src="/Scripts/GamePro/Home/BackPack.js?v=' + Math.random() + '"><\/script>');
</script>
<link href="~/Content/layui/css/layui.css" rel="stylesheet" />
<link href="~/Content/backpack/tabs-colorful.css?v=3" rel="stylesheet" />
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link href="~/Content/UI/backpack.css?v=2" rel="stylesheet" />
<body style="background-image: url(/Images/bg.png);">
    <div class="tabs-colorful-icons">

        <ul>
            <li>
                <a class="first-tab tab-active" data-index="0" href="#"><i class="fa fa-gift"></i>装备</a>
            </li>
            <li>
                <a class="second-tab" data-index="1" href="#"><i class="fa fa-tachometer"></i>材料</a>
            </li>
            <li>
                <a class="third-tab" data-index="2" href="#"><i class="fa fa-cogs"></i>宝石</a>
            </li>
        </ul>
        
        <div class="tabs-content-placeholder">

            <div class="tab-content-active">
                <ul id="back_enquiment">
                    
                    
                </ul>
            </div>

            <div >
                 <ul id="back_material">
                    
                   
                     </ul>
            </div>

            <div >
                <ul id="back_gemstone">

                </ul>
            </div>

        </div>

    </div>
</body>

<script>

    $(document).ready(function () {

        var widget = $('.tabs-colorful-icons');

        var tabs = widget.find('ul a'),
            content = widget.find('.tabs-content-placeholder > div');

        tabs.on('click', function (e) {

            e.preventDefault();

            // Get the data-index attribute, and show the matching content div

            var index = $(this).data('index');

            tabs.removeClass('tab-active');
            content.removeClass('tab-content-active');

            $(this).addClass('tab-active');
            content.eq(index).addClass('tab-content-active');

        });

    });
    BackPack.Instance.Init();
</script>
